<div class="easyui-panel" style="padding:10px;" data-options="fit:true,border:false">
    <div class="easyui-layout" data-options="fit:true">
        <div title="部门管理" data-options="region:'west',split:true,border:true,collapsible:false,tools:'#dept_m_tools'" style="width:220px; padding:20px;">
        	<ul id="dept_tree"></ul>
        </div>
        <div data-options="region:'center',border:true"><div id="dept_cc"></div></div>
    </div>
</div>
<div id="dept_m_tools">
    <a href="javascript:void(0)" class="icon-add" onclick="javascript:newDept()"></a>
    <a href="javascript:void(0)" class="icon-remove" onclick="javascript:delDept()"></a>
</div>
<script type="text/javascript">

	var url;
	var dept_a_node_id = null;
	var dept_re_node_id = null;
	function c_dept_tree(){
		$('#dept_tree').tree({
			url:'<?php echo base_url('systemmanage/dept_data?_=')?>'+GetRandomNum(),
			method:'post',
			animate:true,
			lines:false,
			fit:true,
			onClick: function(node){
				//alert(node.text);  // alert node text property when clicked
				$('#dept_cc').panel({
					title:'编辑 '+node.text,
					href: '<?php echo base_url('systemmanage/deptedit')?>/'+node.id,
					onLoad:function(){
						url = '<?php echo base_url('systemmanage/dept_edit')?>/'+node.id;
						dept_a_node_id = node.id;
						dept_f_loadLocal('edit');//面板加载完成后执行填充表单数据方法
					} 
				});
			},
			onLoadSuccess:function(node, data){
				if(dept_re_node_id != null){
					dept_a_node(dept_re_node_id);
				}else if(dept_a_node_id != null){
					dept_a_node(dept_a_node_id);	
				}
			}
		});
	}
	c_dept_tree();//渲染部门列表
	
	function dept_a_node(id){//根据提供的ID,选中相应的节点

		if(id != null){
			var node = $('#dept_tree').tree('find', id);
			$('#dept_tree').tree('select', node.target);	
		}
	}
	
	function newDept(){//新建方法
		$('#dept_cc').panel({
			title:'新建',
			href: '<?php echo base_url('systemmanage/deptedit')?>',
			border:false,
			onLoad:function(){ 
				url = '<?php echo base_url('systemmanage/dept_add')?>';
				//a_node_id = null;
				$('#dept_f').form('clear');//面板加载完成后执行
			} 
		});
	}
	newDept();//载入新建部门页面
	function saveDept(){//保存修改结果
		$('#dept_f').form('submit',{
			url: url,
			onSubmit: function(){
				return $(this).form('enableValidation').form('validate');
			},
			success: function(result){
				var result = eval('('+result+')');
				if (result.success){
					var t = $('#dept_parent_id').combotree('tree');	// get the tree object
					var n = t.tree('getSelected');		// get selected node
					//alert(n.id);
					//$('#dept_tree').tree('reload');    // 该刷新方法不适用与IE					
					
					if(typeof(result.id) == "undefined"){//如果是修改
						//dept_a_node(a_node_id);
						dept_re_node_id = null;
					}else{//否则是新建
						//dept_a_node(result.id);
						dept_a_node_id = null;
						dept_re_node_id = result.id;
						newDept();//节点删除后改为新建节点页面
					}
					c_dept_tree();//部门列表修改后重新渲染部门列表树
					
					if ($('#main-tab').tabs('exists', '用户管理')){//如果用户管理面已打开，则刷新
						c_user_dept_tree();
					}
					dept_s_tree(n.id);//重新渲染编辑中的父部门选择树
					$.messager.alert('成功','修改成功');
				}else{
					$.messager.alert('错误',result.errorMsg,'error');
				}
			}
		});
	}

	function delDept(){//删除节点
		var node = $('#dept_tree').tree('getSelected');
		if (node){
			$.messager.confirm('确认','你确定要删除这个部门吗?',function(r){
				if (r){
					$.post('<?php echo base_url('systemmanage/dept_del');?>',{id:node.id},function(result){
						if (result.success){
							//$('#dept_tree').tree('reload');    // reload the user data
							dept_a_node_id = null;
							dept_re_node_id = null;
							c_dept_tree();//部门列表修改后重新渲染部门列表树
							if ($('#main-tab').tabs('exists', '用户管理')){//如果用户管理面吧已打开，则刷新
								c_user_dept_tree();
							}
							newDept();//节点删除后改为新建节点页面
						} else {
							$.messager.alert('错误',result.errorMsg,'error');
						}
					},'json');
				}
			});
		}else{
			$.messager.alert('警告','要删除部门，请先指定部门!','warning');
		}
	}
</script>